<template>
  <div class="markdown-render" v-html="html"></div>
</template>

<script>
import marked from 'marked'
export default {
  name: 'MarkdownRender',
  props: {
    content: String
  },
  computed: {
    html() {
      return marked(this.content || '')
    }
  }
}
</script>

<style lang="stylus" scoped>
@import "~@/common/styles/markdown.styl";
</style>
